<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>矿机</title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<script type="text/javascript" src="../js/zepto.js"></script>
        <script src= "../js/jquery.min.js"></script>
	    <script src="../js/touch.min.js"></script>
		<style type="text/css">
			*{
				margin: 0rem;
				padding: 0rem;
				text-decoration: none;
				list-style: none;
				font-size: 0.28rem;
			}
			html,body{
				background-color: #f4f5f9;
				width: 100%;
				height: 100%;
				 /*font-size:  100rem;*/
				 font-size: calc(100vw / 7.5);
				 font-family: "microsoft yahei";
			}
			.wrapper .header{
			position: fixed;
			top:0rem;
			left: 0rem;
			box-sizing: border-box;
			padding: 0rem 0.1rem;
			display: flex;
			width: 100% ;
			height: 0.88rem;
			background: #809fba;
		}	
			#wrapper{
				height: 0.88rem;
			}
			
			/* 头部 */
            .wrapper .header{
                box-sizing: border-box;
                padding: 0rem 0.1rem;
                display: flex;
                width: 100% ;
                height: 0.88rem;
                background: #809fba;
            }	
            .wrapper .header div{
                height: 100%;
                font-size: 0.30rem;
                text-align: center;
                line-height: 0.88rem;
                color: #fff;
            }
            .con{
                flex: 8;
            }
            .arrow img{
                width: 0.41rem;
                height: 0.3rem;
                display: inline-block;
            }
            .dot img{
                display: none;
                width: 0.41rem;
                height: 0.09rem;
                display: inline-block;
                margin-bottom: 0.03rem;
            }
            .arrow{
                display: none;
                flex: 1;
                /* background: url("../img/arrow.png") no-repeat center; */
                background-size: contain;
            }
            .dot{
                display: none;
                flex: 1;

            }

            /* 内容 */
            .content{
				box-sizing: border-box;
			
			}
            .content .item{
                
                width: 100%;
                padding: 0.32rem 0rem 0rem 0.32rem;
                background: #fff;
            }
            .content .item .item-body{
                padding-right: 0.32rem;
            }
            .content .foot{
                padding-right: 0.32rem;
            }
            .content .item .title{
                width: 100%;
                text-align: left;
                font-size: 0.32rem;
                color: #143550;
                border-bottom: 0.01rem solid #e0f0f0;
                padding-right: 0.32rem;
                font-weight: bolder;
            } 
            .content .item .title img{
                width: 0.55rem;
                height:0.55rem;
            }
            .content .item .title span{
                vertical-align: 0.18rem;
            }

            .content .item .item-body{
                padding-top: 0.32rem;
                padding-bottom: 0.32rem;
                display: flex;
                
               border-bottom: 0.01rem solid #e0f0f0;
            }
            .content .item .item-body .left{
                flex: 1.8;
              
            }
            .content .item .item-body .left div{
                margin-bottom: 0.32rem;
            }
            .content .item-body .left span{
                font-size: 0.26rem;
                color: #9a9a9a;
            }


            .content .item .item-body .right{
                flex: 1;
                text-align: right;
            } 
            #price{
                color: #6b8ca9;
                font-size: 0.36rem;
                font-weight: bold;
            }
            .content .item .item-body .right p{
                margin-bottom: 0.32rem;
            }
            .content .item .item-body .right button{
                width: 2.27rem;
                height: 0.72rem;
                background-color: #819fbb;
                color: #fff;
                font-weight: bold;
                font-size: 0.3rem;
            }
            .content .foot {
                height: 0.78rem;
                overflow: hidden;
            }
            .content .foot div{
                float: left;
                height: 0.78rem;
                line-height: 0.78rem;
                margin-right: 0.32rem;
            }
            .content .foot span{
                font-size: 0.26rem;
                color: #9a9a9a;
                margin-right: 0.2rem; 
            }
            .content .foot img{
                width: 0.24rem;
                height: 0.24rem;
            }
            

			</style>
		
	</head>

	<body>
		<div class="wrapper" id="wrapper">
            <div class="header">
                <div class="arrow">
                    <img src="../img/arrow.png" alt="">
                </div>
                <div class="con">矿机</div>
                <div class="dot">
                    <img src="../img/dot.png" alt="">
                </div>
            </div>
        </div>

		<!--内容-->
		<div class="content">
            <div class="item">
                <div class="title">
                    <img src="../img/logo.png" alt="">
                    <span>在线出售</span>
                </div>
                <div class="item-body">
                    <div class="left">
                        <div class="number"><span>运行周期：</span><span class="info"></span></div>
                        <div class="money"><span>收益总量：</span><span class="info"></span></div>                    
                    </div>
                    <div class="right">
                        <p>价格</p>
                        <p id="price">￥123</p>
                        <button>购买</button>
                    </div>
                </div>
                <div class="foot">
                    <div class="left"><span>手机认证</span><img src="../img/renzheng.png" alt=""></div>
                    <div class="right"><span>实名认证</span><img src="../img/renzheng.png" alt=""></div>                    
                </div>
            </div>
		</div> 
	</body>
	<script>
    
		

	</script>
</html>